.panel-middle{
    /*border:1px solid #d8d8d8;*/
    border:none;
    box-shadow: none;
    background-color: #f7f6f2;
    width: 882px;
    margin:36px auto;
}
.btn-group,.panel-content,.panel-footer{
    background-color: #f6f1e7;
}
.panel-content{
    width:800px;
    margin-left:80px;
    line-height: 1.8;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 18px;
    color: #262626;
    padding:36px;
    border:1px solid #d8d8d8;
}
.btn-group{
    width:60px;
    z-index: 102;
    position: fixed;
    border-left:1px solid #d8d8d8;
    border-right:1px solid #d8d8d8;
}
dl{
    margin-bottom: 0;
}
dd:first-child{
    border-top:1px solid #d8d8d8;
}
dd{
    width:60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    border-bottom:1px solid #d8d8d8;
    border-right:1px solid #d8d8d8;
}
.dd-icon{
    width: 60px;
    font-size: 16px;
    color:#000;
    margin-top:8px;
}
.dd-text{
    width: 60px;
    color:#a19e97;
    display: inline-block;
    margin-top: 4px;
}
.panel-footer{
    font-size:24px;
    /*text-align: center;*/
    margin-top:24px;
    margin-left:80px;
    padding:20px 0 0 0;
    height: 70px;
    width:800px;
    border:1px solid #d8d8d8;
}
.str-split{
    /*color:#d8d8d8;*/
    width:16px;
    display: inline-block;
    /*border:1px solid orange;*/
    text-align: center;
}
.btn-up,.btn-down{
    width:385px;
    color:#262626;
    display: inline-block;
    /*border:1px solid blue;*/
    text-align: center;
}
.novel-catalogs{
    border:1px solid #f2f2f2;
    width:800px;
    height: 550px;
    overflow: auto;
    position: fixed;
    top:0;
    margin:0 auto auto -36px;
    background-color: #fff;
    background:url("../img/bg-catalog.png") repeat;
    box-shadow: 0 5px 20px rgba(0,0,0,.2);
}
.close-catalog{
    margin-left: 750px;
    margin-top: 12px;
    color:#a6a6a6;
    position: fixed;
    top: 32px;
}
.close-catalog:hover{
    color:#2c2c2c;
    cursor: pointer;
}
.list-group-item{
    width:385px;
    height: 48px;
    overflow: hidden;
    float:left;
    background-color:rgba(1,1,1,0);
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #f2f2f2;
}
.list-group-item:hover{
    color:#ed4259;
    cursor: pointer;
}
.panel-theme{
    position: fixed;
    z-index: 101;
    background: url(../img/theme/theme-1.png);
    margin-left: 80px;
    width: 500px;
    height: 100px;
    padding: 24px;
    border: 1px solid #d8d8d8;
    color: #737272;
}
.theme-img{
    width:50px;
    border-radius: 25px;
    width: 50px;
    border-radius: 25px;
    border: 1px solid #cfcbcb;
    cursor: pointer;
}
.theme-img:hover,.theme-img:focus{
    border-color:#ed4259;
}